<template>
	<view class="navbox" :style="{height:`${obj.wh.navHeight}px`}">
		<view class="status" :style="{height:`${obj.wh.statusBarHeight}px`}"></view>
		<view class="navigation" :style="{height:`${obj.wh.navigationBarHeight}px`,width:`${obj.wh.custom.left}px`}">
			<image class="logo" src="../../static/27_.png" mode="aspectFill" @click="back"></image>
		</view>
	</view>
</template>

<script setup>
    import { reactive, getCurrentInstance,onMounted } from 'vue'
    let { proxy } = getCurrentInstance()
	
	let obj = reactive({
		wh: proxy.$c.getglobal()
	})
	
	const back=()=>{
		uni.navigateBack({delta:1})
	}
</script>

<style lang="scss" scoped>
	.navbox{
		position: fixed;left: 0;top: 0;z-index: 999999;width: 100vw;
		.status{width: 100vw;}
		.navigation{
			width: 100vw;
			padding: 0 10rpx;box-sizing: border-box;
			display: flex;flex-direction: row;align-items: center;
			.logo{width: 40rpx;height: 40rpx;}
			.title{
				flex: 1;text-align: center;
				font-size: 32rpx;font-weight: bold;
			}
		}
	}
</style>